<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel = "stylesheet" type = "text/css" href = "main.css"></link>
<style type="text/css">@import "jquery.datepick.css";</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.datepick.js"></script>
<script type="text/javascript"> 
$(function() {
//	$.datepick.setDefaults({useThemeRoller: true});
	$('#popupDatepicker').datepick();
	$('#popupDatepicker1').datepick();
	//$('#inlineDatepicker').datepick({onSelect: showDate});
});
</script>

<title>View Conferences</title>
</head>
<body>

<div id = "header">
 <div style="float:left">
 <img height="75px" width="165px" alt="IMAGE" src="./Img/banner1.jpg"/>
 <img height="75px" width="165px" alt="IMAGE" src="./Img/banner2.jpg"/>
 <img height="75px" width="165px" alt="IMAGE" src="./Img/banner3.jpg"/>
 <img height="75px" width="160px" alt="IMAGE" src="./Img/banner5.jpg"/>
  <img height="75px" width="160px" alt="IMAGE" src="./Img/banner4.jpg"/>
   <img height="75px" width="162px" alt="IMAGE" src="./Img/banner7.jpg"/> 
 </div>
 
 </div> 
 <div id = "main" > 
 <div id = "main-left"> 
 <div id = "links">
 <a id = "link1" href ="Home.jsp"> Home </a>
 <br/>
 <br/>
 <a id = "link2" href = "viewConferences.jsp"> View Conference</a>
  <br/>
 <br/>
 <a id = "link3" href = "RegisterConference.jsp"> Register for Conference</a>
  <br/>
 <br/>
 <a id = "link4" href = "ListOfAttendees.jsp"> List of Attendees</a>
  <br/>
 <br/>
 <a id = "link5" href = "PresentWorkshop.jsp">Submit Proposal</a>
  <br/>
 <br/>
 <a id = "link6" href = "Admin.jsp">Administrator</a>
 </div>
 </div>
 <div id = "main-right">
  <h1 id = "title" ><em>Tutor/Mentor Leadership And Networking Conference</em> </h1>
  <div class = "myProfile">
  <form id = "viewConf" method="post" action = "viewConference1.jsp">
  <p id = "instruction1">Selecting a start date and an end date will display all the conferences between the selected dates.</p>
  
  <table cellpadding="8" cellspacing="8">
  <tr>
  <td>
  StartDate:
  </td>
  <td >
  <input type="text" id="popupDatepicker" name = "startDate"/>
  </td>
  
  <td>
  EndDate:
  </td>
  <td >
  <input type="text" id="popupDatepicker1" name = "endDate"/>
  <input type ="submit" id = "btnSubmit" value = "Submit" ></input>
  </td>
  
  </tr>
  </table>
   </form>
   </div>
    </div>
  </div>
  <div id = "footer">
 </div>
  

</body>
</html>